body{ background:url("../images/true4.jpg"); } 


.top{  height: 190px; padding-top: 1px;  background:url("../images/true2.jpg");}

.title{ color: #b19969; font-size: 36px; margin: 22px;font-family: "Microsoft Yahei";}

.title:first-letter{ font-size: 36px; text-transform: capitalize; }

.inf{ float: left; color: #b19969; font-size: 12px; margin: 88px 0 0 22px; font-family: "Microsoft Yahei";  }

.inf-right{ float: right; color: #b19969; font-size: 12px;font-family: "Microsoft Yahei";margin: 88px 22px 0 0; }

.clr{clear: both;}

.touxiang{ width: 200px; height: 200px; background-color: #039; margin:-88px 260px 0 auto; border:10px solid #b19969; border-radius: 200px; overflow: hidden; }

.touxiang img{ width: 100%; }

.frist{font-family: "Microsoft Yahei";color: #1f0f13;text-align: center; margin-top: 50px; }

.wz{font-family: "Microsoft Yahei";color: #1f0f13;text-indent: 2em; font-size: 18px; width: 28em;line-height: 2em;margin: 0 auto;   }

.xian{ color: #1f0f13; border-top: 3px solid;  width: 565px; margin: 409px 248px;border-bottom: 3px solid; }

.bl{ float: left; color: #b19969; background: #1f0f13; height: 38px; width: 103px ; text-align: center; line-height: 2em; margin: 5px;}

.xingzi{font-weight: bold;margin: 0,0,0,0;}

.cl1{float: left; color: #1f0f13; width: 150px ; text-align: center; line-height: 2em;  margin: -400px 0 0 230px;}
.cl2{float: left; color: #1f0f13; width: 150px ; text-align: center; line-height: 2em;  margin: -400px 0 0 430px;}
.cl3{float: left; color: #1f0f13; width: 150px ; text-align: center; line-height: 2em;  margin: -400px 0 0 660px;}
.cl4{float: left; color: #1f0f13; width: 150px ; text-align: center; line-height: 2em;  margin: -300px 0 0 200px;}
.cl5{float: left; color: #1f0f13; width: 150px ; text-align: center; line-height: 2em; margin: -300px 0 0 423px;}
.cl6{float: left; color: #1f0f13; width: 150px ; text-align: center; line-height: 2em; margin: -300px 0 0 638px;}

.last{margin-top: 22px; height: 300px; padding-top: 1px;  background:url("../images/true3.jpg");}

#main-blog {
    margin: 328px;
}
#main-blog .right {
    width: 260px;
    float: right;
}
#main-blog .left {
    width: 710px;
    float: left;
}
#main-blog .blog {
    margin: 0 0 10px 0;
    padding: 20px;
    
    position: relative;
}
#main-blog .blog h2 {
    color: #955EA1;
    font-size: 16px;
    margin-bottom: 10px;
}
#main-blog .blog h3 {
    color: #955EA1;
    font-size: 16px;
    margin-bottom: 10px;
}
#main-blog .blog h4 {
    color: #955EA1;
    font-size: 16px;
    margin-bottom: 10px;
}
#main-blog .blog h5 {
    color: #955EA1;
    font-size: 16px;
    margin-bottom: 10px;
}
#main-blog .blog .article {
    font-size: 12px;
}
#main-blog .blog .article p {
    line-height: 1.8;
}
#main-blog .blog .author {
    margin-top: 30px;
    font-size: 12px;
    color: #959595;
    float: right;
}
#main-blog .blog .side-card {
    width: 50px;
    height: 80px;
    position: absolute;
    top: 20px;
    left: -50px;
    text-align: center;
    color: #fff;
}
#main-blog .blog .side-card .date {
    height: 40px;
    line-height: 40px;
    background-color: #52385B;
}
#main-blog .blog .side-card .cate {
    height: 40px;
    line-height: 40px;
    background-color: #955EA1;
}